/* components/order-item/order-item.wxss */
.container {
  margin-top: 12.5rpx;
  display: flex;
  flex-direction: column;
  width: 716.67rpx;
  height: 395.83 rpx;
  background-color: #ffffff;
  padding: 16.67rpx;
  box-sizing: border-box;
  border-radius: 20rpx;
  box-shadow: 0rpx 6rpx 12rpx 0px rgba(0, 0, 0, 0.08);


  .order-top {
    display: flex;
    height: 33.33 rpx;
    justify-content: space-between;

    .order-time {
      color: #a6a3ad;
      text-align: right;
      font-feature-settings: 'clig'off, 'liga'off;
      font-family: "HarmonyOS Sans SC";
      font-size: 20.83rpx;
      font-style: normal;
      font-weight: 400;
      line-height: 20.83rpx;
    }

    .order-status {
      font-feature-settings: 'clig'off, 'liga'off;
      font-family: "HarmonyOS Sans SC";
      font-size: 20.83rpx;
      font-style: normal;
      font-weight: 400;
      line-height: 20.83rpx;
      background: var(--Linear, linear-gradient(93deg, #FD3F8F 0%, #FF773C 100%));
      background-clip: text;
      -webkit-background-clip: text;
      color: #1677ff;
    }
  }

  .order-mian {
    display: flex;
    margin-top: 22.92rpx;
    width: 716.67 rpx;

    .img {
      margin-right: 39.58rpx;
      width: 166.67rpx;
      height: 166.67rpx;
    }

    .order-detail {
      display: flex;
      width: 500rpx;
      height: 166.67rpx;
      flex-direction: column;

      .detail-top {
        display: flex;
        justify-content: space-between;

        .order-name {
          width: 354.17rpx;
          height: 72.92rpx;
          overflow: hidden;
          color: #121826;
          text-overflow: ellipsis;
          -webkit-line-clamp: 2;
          font-family: "HarmonyOS Sans SC";
          font-size: 25rpx;
          font-style: normal;
          font-weight: 400;
          line-height: 37.5rpx;
        }

        .how-much {
          color: #191919;
          font-feature-settings: 'clig'off, 'liga'off;
          font-family: "HarmonyOS Sans SC";
          font-size: 25rpx;
          font-style: normal;
          font-weight: 400;
          line-height: 41.67rpx;
          height: 41.67rpx;
        }
      }

      .detail-bottom {
        display: flex;
        justify-content: space-between;
        margin-top: 16.76rpx;

        .specification {
          padding: 4rpx 10rpx;
          color: #191919;
          font-feature-settings: 'clig'off, 'liga'off;
          font-family: "HarmonyOS Sans SC";
          font-size: 25rpx;
          font-weight: 300;
          line-height: 41.67rpx;
          background-color: #f5f4f9;
        }

        .count {
          color: #a6a3ad;
          font-feature-settings: 'clig'off, 'liga'off;
          font-family: "HarmonyOS Sans SC";
          font-size: 25rpx;
          font-style: normal;
          font-weight: 400;
          line-height: 41.67rpx;
        }
      }
    }
  }

  .actual-payment {
    align-self: flex-end;
    color: #191919;
    text-align: right;
    font-feature-settings: 'clig'off, 'liga'off;
    font-family: "HarmonyOS Sans SC";
    font-size: 29.17rpx;
    font-style: normal;
    font-weight: 500;
    line-height: 41.67rpx;
  }

  .handld {
    align-self: flex-end;
    margin-top: 20.83rpx;
    height: 62.5rpx;

  }
}